var $dlgGoto = (function(){
  let cfg = {
        container:'body',
        delay:6,
        title:'同意',
        onclick:null
      };

  var html=''
        + '<div class="notepad-dlg-goto">'
           + '<div class="dlalogbox">'
             + '<div class="titlebar">'
               + '<p class="title">转到指定行</p>'
               + '<span class="close-btn">x</span>'
             + '</div>'
             + '<div class="main">'
               + '<label for="">行号(L):</label>'
               + '<br>'
               + '<input type="text" class="txt-line-num" autofocus>'
               + '<br>'
               + '<input type="button" value="转到" class="btn-goto">'
               + '<input type="button" value="取消" class="btn-cancel">'
             + '</div>'
           + '</div>'
         + '</div>';

  var $dlg = $(html);


function show(conf){
    // 1.dom结构绘制
    $(cfg.container).append($dlg);
    //更新最近的结构
    $.extend(cfg,conf);
    //把最新的结构反应到dom元素上去

    //2.事件绑定
    $dlg.click(cfg.onclick())
  } 

  return {
    show:show
  }
  
})()

/*层次关系结构：需要不同的 样式
 div-mask-full-screen
  div-dialog-box
 * div-title
 ** p-转到指定行
 ** span-close-btn x按钮
 * div-main
 ** label-行号
 ** br
 ** input-text
 ** br
 ** input-转到按钮
 ** input-取消按钮
 */
